<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>会员管理系统-店铺注册</title>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link th:href="@{/layui/css/layui.css}" rel="stylesheet" />
    <link th:href="@{/css/register.css}" rel="stylesheet" />
    <link rel="icon" href="/static/img/favicon.ico" type="image/x-icon" />
    <script th:src="@{/layui/layui.js}" type="text/javascript"></script>
    <script th:src="@{/js/register.js}" type="text/javascript"></script>
</head>
<body>
<!-- 商店注册页面  -->
<video class="video-player" preload="auto" autoplay="autoplay" loop="loop" data-height="1080" data-width="1920" height="1080" width="1920">
    <source src="../mp4/login.mp4" type="video/mp4">
    <!-- 此视频文件为支付宝所有，在此仅供样式参考，如用到商业用途，请自行更换为其他视频或图片，否则造成的任何问题使用者本人承担，谢谢 -->
</video>
<!--遮罩-->
<div class="video_mask"></div>
<div class="login">
    <h1>注册页</h1>
    <!-- 表单选项  -->
    <form th:action="@{/register/addStore}" id="formSubmit" class="layui-form layui-form-pane">
        <!-- 店铺名称 -->
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-green">店铺名</label>
            <div class="layui-input-block">
                <input type="text" id="storeName" name="storeName" required  lay-verify="required" placeholder="请输入店铺名" autocomplete="off" class="layui-input">
            </div>
        </div>
        <!-- 手机号 -->
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-green">手机号</label>
            <div class="layui-input-block">
                <input type="text" id="iphone" name="iphone" required  lay-verify="required" placeholder="请输入手机号" autocomplete="off" class="layui-input">
            </div>
        </div>

        <!-- 用户名 -->
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-green">用户名</label>
            <div class="layui-input-block">
                <input type="text" id="user" name="name" required  lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
            </div>
        </div>

        <!-- 密码 -->
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-green">密码</label>
            <div class="layui-input-block">
                <input type="password" id="pwd" name="password" required  lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
            </div>
        </div>

        <!-- 确认密码 -->
        <div class="layui-form-item">
            <label class="layui-form-label layui-bg-green">确定密码</label>
            <div class="layui-input-block">
                <input type="password" id="rpwd" name="repassword" required  lay-verify="required" placeholder="请确认密码" autocomplete="off" class="layui-input">
            </div>
        </div>
<!--        &lt;!&ndash; 对号 &ndash;&gt;-->
<!--        <div class="layui-form-inline">-->
<!--            <i class="layui-icon" id="rpri" style="color: green;font-weight: bolder;" hidden></i>-->
<!--        </div>-->
<!--        &lt;!&ndash; 错号 &ndash;&gt;-->
<!--        <div class="layui-form-inline">-->
<!--            <i class="layui-icon" id="rpwr" style="color: red; font-weight: bolder;" hidden></i>-->
<!--        </div>-->
        <div class="layui-form-item login-btn">
            <input type="submit" id="submit"  lay-submit lay-filter="sub" class="layui-btn login_btn" value="注册" />
<!--            <input type="submit" id="submit" value="注册" />-->
        </div>

        <hr/>
        <p>
            <a th:href="@{/login}"  style="color: #FFB800" class="fl">已有账号？立即登录</a>&nbsp;&nbsp;
            <a href="javascript:;"  style="color: #5FB878" class="fr">忘记密码？</a>
        </p>
    </form>
</div>
<script src="/layui/layui.js"></script>
<script src="/js/storeRegister.js"></script>
</body>
</html>